<!DOCTYPE html>
<html>
<!-- 计算属性和侦听器计算属性 -->

<head>
  <script src="./js/vue.js"></script>
</head>

<body>
  <h2>Vue 学习</h2>
  <div id="container">
    <p>这段的内容是:"{{ message }}"</p>
    <p>这段的内容是:"{{ dealmessage }}"</p>

  </div>
</body>
<script>

  var vm = new Vue({
    el: '#container',
    data: {
      message: '这是一段测试的文字！',
      info: '这是测试信息'
    },
    computed: {
      dealmessage: function () {
        return '测试的内容'
      }
    }
  })

</script>

</html>